/* reset */


html {
    height: 100%;
}
body {
    height: 100%;
    padding-top: 3em;
    color: #333;
    /*background-color: #f1f1f1;*/
    background-color: #fff;
}
a:hover,
a:focus {
    color: #0e9aef;
    text-decoration: none;
}
.container {
    max-width: 1000px;
    padding: 0;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}
.container-main {
    width: 100%;
    padding-bottom: 40px;
}
.bg-gray .layout-body .container {
    background-color: #eee;
}
/* reset eui dialog */
.dialog-common {
    border-radius: 8px;
}
.dialog-common .dialog-header {
    padding: 0;
    color: #fff;
    background-color: #2e8ded;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.dialog-common .dialog-footer .btn {
    border-radius: 6px;
}
.dialog-common .dialog-footer {
    text-align: center;
}
.dialog-alert {
    border-radius: 6px;
}
.dialog-alert .dialog-body {
    color: #4898d5;
    text-align: center;
}

.dialog-prompt .dialog-input {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}
/**/
.clear {
    zoom:1;
}
.clear:after{
    content: '';
    display: block;
    clear:both;
    overflow: hidden;
}
/*文字行数*/
.line1
{
    overflow: hidden!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
}
.line2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -moz-box-orient:vertical;
    -webkit-box-orient: vertical;
    -moz-line-clamp:2;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
/* box */
.box {
    background-color: #fff;
}
.box-header {
    position: relative;
}
.box-title {
    float: left;
}
.box-body {
}
.box:before,
.box:after,
.box-header:before,
.box-header:after,
.box-body:before,
.box-body:after {
    content: "";
    display: table;
    clear: both;
}
.box-footer {
    overflow: hidden;
}
.no-padding {
    padding: 0 !important;
}
/* 通用列表 */
.list {

}
.list .list-item {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.list .list-item:before,
.list .list-item:after {
    content: "  ";
    display: table;
    clear: both;
}
.list .list-item .item-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #999;
}
.list .list-item .icon-right {
    float: right;
}

/* 带图片标题和内容的通用列表 */
.list-common {

}
.list-common .list-item {
    position: relative;
    padding: .8em 1em;
    background-color: #fff;
    border-bottom:1px solid #d2d2d2;
    overflow: hidden;
}
.list-common .item-title {
    display: block;
    margin-bottom: .4em;
    font-size: 1.2em;
    color: #313131;
}
.list-common .icon-right {
    float: right;
}
.list-common .item-logo {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 1em;
    border-radius: 4px;
}
.list-common .item-info{
    max-width: 70%;
    float:left;
    overflow: hidden;
}
.list-common .like-img {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 2em;
    height: 2.2em;
}
.list-common .right-top {
    position: absolute;
    top: .8em;
    right: .8em;
}
.list-common .icon-praise {
    color: #999;
}
.list-common .parise-num {
    color: #999;
}
.list-common .item-desc{
    color:#959595;
}
.list-common .info {
    min-height: 1.1em;
    color: #999;
    margin-bottom: .2em;
}
.list-common .info-item {
    margin-right: 1em;
}
.list-common .tag-item {
    margin-right: 1em;
}

/*登录与注册*/
.box-login {
    width: 24em;
    margin: 6em auto;
}
.box-login .go-register,
.box-login .go-login {
    display: block;
    margin-top: 6em;
    color:#298aff;
    text-align: center;
}
.box-login .forget-pwd{
    float: right;
    color: #959595;
}
.input-login,
.form-horizontal .input,
.input-account {
    display: block;
    padding-left: 1em;
    margin-bottom: 2em;
    width: 24em;
    height: 3em;
    border: 1px solid #959595;
    border-radius: 4px;
}
.box-login  .input-name{
    display: inline-block;
    width: 8em;
}
.box-login .input-school-id{
    display: inline-block;
    width: 14em;
}
.box-login .btn-login,
.box-login .btn-register{
    display: block;
    width: 100%;
    height: 3em;
    margin: 4em auto 0;
    color: #fff;
    background: #298aff;
    border: none;
    border-radius: 4px;
}
.layout-body {
    /*min-height: 100%;*/
}
.layout-body .container {
    background-color: #fff;
}
.layout-index {
    position: absolute;
    top: 3em;
    bottom: 4.6em;
    width: 100%;
    overflow: auto;
}
.layout-index .container {
    height: 100%;
    background-color: #fff;
}
/*页面顶部*/
.layout-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    color: #fff;
}
.layout-header .container {
    height: 3em;
    position: relative;
    background-color: #298aff;
}
.layout-header.header-inline {
    position: absolute;
    background: none;
}
.layout-header .title {
    margin-top: .5em;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
}
.layout-header .tool-list {
    position: absolute;
    right: .8em;
    top: .8em;
}
.layout-header .tool-list .icon,
.layout-header .tool-list a {
    color: #fff;
}
.layout-header .header-back{
    position: absolute;
    top: .8em;
    left: 1em;
    color: #fff;
}
/* 头部tab */
.header-nav{
    text-align: center;
    margin: .5em auto;
}
.header-nav .nav-item {
    display: inline-block;
    margin-left: -0.3em;
    border: 1px solid #fff;
}
.header-nav .nav-link {
    display: inline-block;
    width: 3.5em;
    height: 1.8em;
    color: #fff;
    line-height: 1.8em;
}
.header-nav .active .nav-link {
    color:#298aff;
    background:#fff;
}
.header-nav .nav-item:first-child {
    border-radius: 2px 0 0 2px;
}
.header-nav .nav-item:last-child {
    border-radius: 0 2px 2px 0;
}

/* 轮播 */
.index-slider {
    height: 200px;
}
.index-slider .eui-slider-inner {
    width: 100%;
    height: 100%;
}
.index-slider .item,
.index-slider .item a {
    width: 100%;
    height: 100%;
}
.index-slider img {
    width: 100%;
    height: 100%;
}
.index-slider .icon-right,
.index-slider .icon-left {
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

/* 竞赛列表  热门企业*/
.grid-list {

}
.grid-list .list-item {
    float: left;
    width: 25%;
    height: 11em;
    padding: .6em;
}
.grid-list .img {
    display: block;
    width: 6em;
    height: 6em;
    margin: 0 auto 1em auto;
    border: 1px solid #ccc;
    border-radius: .6em;
}
.grid-list .title{
    display: block;
    max-height: 2.6em;
    color: #323232;
    text-align: center;
    overflow: hidden;
}
/* 首页竞赛报名列表 */
.index-cpt-list {}
.index-cpt-list .list-item {
    float: left;
    width: 33.33%;
    margin-bottom: 1em;
    border-right: 1px solid #e5e5e5;
}
.index-cpt-list .title {
    display: inline-block;
    padding: 0 1em;
    color: #323232;
}

/* 首页 */
.index-box {
    border-bottom: 1px solid #eee
}
.index-box .box-header{
    padding: 1em 1.5em;
}
.index-box .box-title {
    font-size: 1.2em;
}
.index-box .more {
    text-align: right;
    float: right;
    color:#323232;
    text-decoration: none;
}

/* 详情页通用样式 */
.article-box {
    padding: 1em;
}
.article-box .article-title {
    color: #313131;
    font-size: 1.2em;
    margin-bottom: .6em;
}
.article-box  .article-info {
    margin-bottom: 1em;
    color: #959595;
    line-height: 1.6em;
}
.article-box article img{
    max-width: 100%;
}


/* 竞赛详情 */
.box-cpt .cpt-join-btn{
    display: block;
    width: 80%;
    font-size: 1.2em;
    margin: 6em auto 0 auto;
}

/* 条件选择下拉菜单 */
.condition-shade{
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    width:100%;
    height: 100%;
    position: fixed;
    top: 16em;
    left:0;
    z-index: 99;
}
.cpn-select{
    display: none;
    position: fixed;
    left: 0;
    top: 6.1em;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}
.cpn-header{
    text-align: center;
    line-height: 3em;
    border-bottom:1px solid #e5e5e5;
    z-index: 100;
    color:#959595;
}
.cpn-header span img{
    width: .8em;
}
.cpn-header-title1 {
    border-right: 1px solid #eee;
}
.cpn-area{
    padding: 1em;
    line-height: 2em;
    z-index: 100;
    background-color: #fff;
    overflow: hidden;
}
.cpn-type{
    padding: 1em;
    line-height: 2em;
    z-index: 100;
    overflow: hidden;
    background-color: #fff;
}
.cpn-select ul li a{
    color:#959595;
}
.cpn-select ul li.active a{
    color:#298aff;
}
.cpn-btn{
    position: relative;
    text-align: center;
    padding: 3em 0 2em 0;
    z-index: 1000;
    background-color: #fff;
}
.cpn-btn button{
    border: 1px solid #e5e5e5;
    width: 6em;
    height: 2.5em;
    line-height: 2.5em;
    color: #959595;
    background: #fff;
    border-radius: 2em;
    margin-right: 2em;
}
.cpn-btn button.confirm{
    color:#298aff;
    border:1px solid #298aff;
}
/* 竞赛页面 */
.cpt-list {
}
.cpt-list .cpt-state{
    float: right;
    color:#b5b5b5;
}
.cpt-list .cpt-state.active{
    color: #298aff;
}

/*快去登录弹框*/
.login-dialog {
    display: none;
    width: 200px;
    height: 120px;
    background: #fff;
    border-radius: 4px;
    color: #298aff;
    z-index: 1000;
}
.login-dialog .text {
    margin: 0;
    padding: 1.5em;
    text-align: center;
}
.login-dialog .btn {
    display: block;
    width: 8em;
    height: 2.4em;
    color: #fff;
    background: #298aff;
    border: none;
    border-radius: 0.4em;
    outline: none;
    text-align: center;
    margin: 0 auto;
}
/*Like理由弹框*/
.box-like{
    display: none;
    width: 20em;
    height: 30em;
    background: #fff;
    border-radius: .4em;
    z-index: 100;
}
.box-like header{
    width: 100%;
    background: #298aff;
    border-radius: 0.4em 0.4em 0 0;
    color: #fff;
    line-height: 3em;
    text-align: center;
}
.box-like textarea{
    width: 17.6em;
    height: 9em;
    border: 1px solid #959595;
    border-radius: .4em;
    margin: 1em;
}

#quick-box{
    width: 18em;
    margin: 1em;
}
#quick-list{
    padding:0;
    margin-bottom: 2em;
}
#quick-list li{
    float: left;
    margin-top: .4em;
}
#quick-list li a{
    color:#959595;
}
/*Like弹出框按钮*/
.box-like .login-btn{
    width: 6em;
    height: 2.6em;
    color: #fff;
    text-align: center;
    border-radius: 0.4em;
    margin-left: 2.6em;
    border: none;
}
.box-like .cancel{
    background-color: #b5b5b5;
}
.box-like .submit{
    background-color: #298aff;
}
/* 页面底部固定菜单 */
.layout-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.footer-menu {
    background: #fff;
    text-align: center;
    z-index: 100;
    font-size: 1em;
    border-top: 1px solid #e1e0e0;
    overflow: hidden;
}
.footer-menu li {
    float: left;
    width: 25%;
    display: inline-block;
    background-color: #fff;
}
.footer-menu li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: .6em;
    color: #b5b5b5;
}
.footer-menu li.active a{
    color:#298aff;
}
.footer-menu .icon{
    display: block;
    font-size: 1.5em;
    text-align: center;
}
.footer-menu .text {
}

/* 公共tab */
.common-tab-list {
    overflow: hidden;
}
.common-tab-list li {
    float: left;
    width: 50%;
}
.common-tab-list .nav-item {

}
.common-tab-list .nav-link {
    display: block;
    height: 100%;
    padding: .5em 0;
    text-align: center;
    color: #999;
}
.common-tab-list .active .nav-link {
    color: #298aff;
    border-bottom: 2px solid #298aff;
}

/* 内容为空 */
.content-empty {
    display: none;
    overflow: auto;
}
.content-empty .picture {
    display: block;
    width: 6em;
    height: 8em;
    margin: 3em auto;
    background: url("../img/empty.png");
    background-size: 100% 100%;
}
.content-empty.show {
    display: block;
}
.content-empty .no-data {
    color: #ccc;
    font-size: 1.5em;
    text-align: center;
}

/**/
.btn-loginout {
    display: block;
    width: 80%;
    max-width: 400px;
    margin: 4em auto;
}

.layout-footer {
    height: 4.6em;
}
/* 个人中心 */
.user-info-box {
    position: relative;
    height: 250px;
    padding-top: 100px;
    background-image: url("../img/user-center-bg.jpg");
    background-size: 100% 100%;
}
.user-info-box .user-avatar {
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    border-radius: 10px;
    margin: 0 auto 10px auto;
}
.user-info-box .username {
    color: #fff;
    text-align: center;
}

/* 个人中心作品列表 */
.work-list {}
.work-list .list-item {
    position: relative;
    padding: 10px;
}
.work-list .icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #999;
}

/* 消息列表 */
.user-msg-list {
    padding: 1em;
}

/* like列表 */
.like-list {

}
.like-list .list-item {
    padding: 1em;
}

/* 详情页 */
.box-detail {
    margin-bottom: 1em;
}
.box-detail .box-header {
    padding: 1em;
    border-bottom: 1px solid #eee;
    font-size: 1.2em;
}
.box-detail .box-body {
    padding: 1em;
}
.box-detail .no-padding .empty {
    padding: 1em;
}
.box-detail .info {
    margin-bottom: .4em;
}
.box-detail .view-work {
    float: right;
    color: #999;
}
.box-detail .more-text {
    display: block;
    color: #333;
    margin-top: .6em;
    text-align: center;
}
/* 分页 */
.btn-more {
    display: block;
    margin: 2em;
    color: #999;
}

/* 详情 */
.user-box {
    margin-bottom: 1em;
}
.user-box .box-header {
    height: 14em;
    background-image: url("../img/user-center-bg.jpg");
    background-size: 100% 100%;
}
.user-box .stu-detail-bg {
    background-image: url("../img/user-detail-bg.jpg");
}
.user-box .com-detail-bg {
    background-image: url("../img/com-detail-bg.jpg");
}
.user-box .box-body {
    position: relative;
    padding: 5em 1em 1em 1em;
    text-align: center;
}
.user-box .avatar-box {
    position: relative;
    left: 50%;
    bottom: 0;
    width: 7em;
    height: 7em;
    margin-top: 10.5em;
    margin-left: -3.5em;
}
.user-box .user-avatar {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4em;
    box-shadow: 0px 0px 0 2px #eee;
}
.user-box .user-valid {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2em;
    height: 2em;
}
.user-box .user-name {
    font-size: 1.4em;
    margin-bottom: .4em;
}
.user-box .info {
    color: #999;
    margin-bottom: .4em;
}
.user-box .name {
    margin-bottom: .4em;
    font-size: 1.2em;
    font-weight: bold;
}
.user-box .parise {
    position: absolute;
    color: #999;
    top: 1em;
    right: 1em;
}
.user-box .parise .icon {
    color: #999;
}
.user-box .parise-num {
    display: inline;
}
.user-box .like-icon {
    margin-top: 2em;
}
.user-box .like-img {
    width: 3em;
    height: 3em;
}
.user-box .like-text {

}

/* 个人作品展示 */
.work-wrap {

}

.list-simple .list-item {
    padding: .8em 1em;
    border-bottom: 1px solid #eee;
}


/* 搜索 */
.hot-search {
    padding: 1em;
}
.hot-search .title {
    margin-bottom: 1em;
    color: #999;
    font-size: 1.2em;
}
.keyword-list {

}
.keyword-list .list-item {
    float: left;
    padding: .4em;
    margin-right: 1em;
    margin-bottom: 1em;
    border: 1px solid #999;
    border-radius: 4px;
}
.keyword-list .link {
    color: #999;
}

/* 搜索框 */
.search-box {
    width: 21em;
    padding: .1em;
    margin: .4em auto;
    color: #666;
    background-color: #fff;
    border-radius: 4px;
}
.search-box .search-select {
    padding: .2em .8em;
    background-color: transparent;
}
.search-box .search-input {
    padding-left: 1em;
    border: none;
    border-left: 1px solid #666;
    outline: none;
}
/* 学生搜索结果列表 */
.stu-search-list {

}
.stu-search-list .item-title {
    margin-bottom: 1.2em;
}
.stu-search-list .school {
    float: left;
    margin-right: 1em;
}
.stu-search-list .profession {
    float: left;
}
/* 企业搜索列表 */
.com-search-list {

}
.com-search-list .position {

}
.com-search-list .desc {
    display: none;
    word-break: break-all;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 企业详情页需求列表 */
.com-job-list {}
.com-job-list .list-item {

}
.com-job-list .title {
    display: block;
    width: 100%;
    padding: .8em 1em;
    color: #333;
}
.com-job-list .time {
    float: right;
}

/* 公司产品介绍 */
.product-slider {
    height: 21em;
}
.product-slider .item {
    width: 100%;
    height: 100%;
}
.product-slider .product-img {
    width: 100%;
    height: 12em;
}
.product-slider .product-name {
    padding: 1em;
}
.product-slider .product-desc {
    height: 4.2em;
    margin: 0 1em 1em 1em;
    overflow: hidden;
}
.product-slider .icon-left {
    position: absolute;
    left: 2em;
    top: 6em;
    color: #999;
}
.product-slider .icon-right {
    position: absolute;
    right: 2em;
    top: 6em;
    color: #999;
}
/* 团队介绍 */
.team-list {}
.team-list .list-item {
    width: 25%;
}
.team-list .team-img {
    display: block;
    width: 4em;
    height: 4em;
    margin: 0 auto .6em auto;
    border: 1px solid #f1f1f1;
}
.team-list .team-name {
    display: block;
    color: #333;
    text-align: center;
}

/* 文章通用 */
.article {}

/* 查看图片弹框 */
.lightbox {
    display: none;
    width: 100%;
}
.lightbox .lightbox-img {
    width: 100%;
}

/* 学校选择 */
.school-dialog {

}

/* 相关人才 */
.relative-list .list-item {
    float: left;
    width: 25%;
}
.relative-list .link {
    width: 100%;
}
.relative-list .image {
    display: block;
    width: 5em;
    height: 5em;
    margin: 0 auto 1em auto;
    border-radius: 2.5em;
}
.relative-list .name {
    color: #333;
    text-align: center;
}

/* 个人作品 */
.word-list .list-item {
    position: relative;
}
.word-list .word-name {
    display: block;
    max-width: 90%;
}
.word-list .view-work {
    position: absolute;
    right: 1em;
    top: 1em;
}

/* 文字显示更多插件 */
.text-more {
    margin-left: 6px;
}
.text-more-text {
    display: none;
}
.content-more {
    position: absolute;
    bottom: -2px;
    right: 20px;
    background-color: #fff;
}
.more-text-content {
    position: relative;
    overflow: hidden;
}